﻿/**
 * 水球图设置
 */
define(function (require, exports, module) {
    var modules = {
        ShareData: require('./../../../data/sharedata')
    }

    var dict_theme = [
        {
            Name: "圆",
            Iocn: "circle.png",
            ClassName: "circle",
            Order: 0
        }, {
            Name: "矩形",
            Iocn: "rect.png",
            ClassName: "rect",
            Order: 1
        }, {
            Name: "圆角矩形",
            Iocn: "roundRect.png",
            ClassName: "roundRect",
            Order: 2
        }, {
            Name: "棱形",
            Iocn: "diamond.png",
            ClassName: "diamond",
            Order: 3
        }, {
            Name: "大头针",
            Iocn: "pin.png",
            ClassName: "pin",
            Order: 4
        }, {
            Name: "路径图",
            Iocn: "path.png",
            ClassName: "path://M367.855,428.202c-3.674-1.385-7.452-1.966-11.146-1.794c0.659-2.922,0.844-5.85,0.58-8.719 c-0.937-10.407-7.663-19.864-18.063-23.834c-10.697-4.043-22.298-1.168-29.902,6.403c3.015,0.026,6.074,0.594,9.035,1.728 c13.626,5.151,20.465,20.379,15.32,34.004c-1.905,5.02-5.177,9.115-9.22,12.05c-6.951,4.992-16.19,6.536-24.777,3.271 c-13.625-5.137-20.471-20.371-15.32-34.004c0.673-1.768,1.523-3.423,2.526-4.992h-0.014c0,0,0,0,0,0.014 c4.386-6.853,8.145-14.279,11.146-22.187c23.294-61.505-7.689-130.278-69.215-153.579c-61.532-23.293-130.279,7.69-153.579,69.202 c-6.371,16.785-8.679,34.097-7.426,50.901c0.026,0.554,0.079,1.121,0.132,1.688c4.973,57.107,41.767,109.148,98.945,130.793 c58.162,22.008,121.303,6.529,162.839-34.465c7.103-6.893,17.826-9.444,27.679-5.719c11.858,4.491,18.565,16.6,16.719,28.643 c4.438-3.126,8.033-7.564,10.117-13.045C389.751,449.992,382.411,433.709,367.855,428.202z",
            Order: 5
        }
    ];

    var $modal;
    var app;
    var event_confirm;
    var showModal = function (config, callback) {
        $modal.modal("show");
        app.init();
        event_confirm = callback;
        if (config && config.ThemeType) {
            app.ThemeType = config.ThemeType;
            app.ShowConfig = config.ShowConfig;

            if (app.ShowConfig !== undefined && app.ShowConfig !== null) {

            }
        }
    }
    var init = function () {
        $modal = $("#modalLiquidfillDesign");
        app = new Vue({
            el: "#modalLiquidfillDesign .modal-content",
            data: {
                ThemeType: "999",
                ShowConfig: {
                    statisticType: 1,   //0=统计，1=百分比
                    borderType: 1,      //0=显示，1=不显示
                    waveAnimation: 1    //0=动态，1=静态
                }
            },
            methods: {
                init: function () {
                    //初始化tab0
                    var $tab0 = $("#panel-LiquidfillDesign-00 .panel-body").empty();
                    dict_theme = Enumerable.from(dict_theme).orderBy("x=>x.Order").toArray();
                    dict_theme.forEach(function (item) {
                        $("<div>").addClass("tabledesign_mode").append(function () {
                            return $("<a>").addClass("thumbnail").attr({ "href": "###" }).append(function () {
                                return $("<img>").data("theme", item.ClassName).attr({ "src": SiteRootPath + "/Content/Images/Liquidfill/" + item.Iocn });
                            });
                        }).appendTo($tab0);
                    });
                    $("#panel-LiquidfillDesign-00 .panel-body .tabledesign_mode img").bind("click", function () {
                        app.ThemeType = $(this).data("theme");
                    });

                    //初始化tab1
                    
                    this.ThemeType = "999";
                },
                confirm: function () {
                    $modal.modal("hide");
                    if (event_confirm) {
                        var config = {
                            ThemeType: this.ThemeType,
                            ShowConfig: this.ShowConfig
                        }
                        event_confirm(config);
                    }
                },
                change: function (event) {
                    //暂无使用
                    console.log(event);
                }
            }
        });
    }

    module.exports = {
        init: init,
        show: showModal
    }
});